<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<header>
			<div class="w1200">
				拖拽购物 <span id="loading"></span>
			</div>
		</header>
		<div class="w1200 main mg-top-10">
			<ul id="prdList" class="list">
				
			</ul>
			<aside class="car" id="shoppingCar">
				<h3 style="border-bottom: 1px solid #999;padding-bottom: 10px;">购物车</h3>
				<ol class="order-list" id="orderList">
					<p id="empty" class="empty">购物车空空如也~~</p>
				</ol>
			</aside>
		</div>
	</body>
	<script src="js/common.js"></script>
	<script src="js/index.js"></script>
</html>

<!--
需求:
拖动左边的手机到右边的购物车,拖动一个就添加一条数据
-->






	
